<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
		<link href="css/bp-style.css" rel="stylesheet" type="text/css" />
		<title>西安民政</title>
	</head>
	<body>
		<div class="wrap" style="margin-bottom: 60px;">
			
			<div class="mzfw-banner">
					<img src="img/index-bg.jpg" width="100%">
					<div class="mzfw-box">
						<img src="img/mzj-logo2.png" width="12%">
						<span>西安市民政局</span>
					</div>
					
			</div>
			<div class="bj-table">
				<div class="mzfw-list">
					<span><img src="img/icon5.png" ></span>
					<span style="border:1px solid #ff7a6f;">门牌申报</span>
				</div>
				<div class="mzfw-list">
					<span><img src="img/icon4.png" ></span>
					<span style="border:1px solid #59c8e4;">进度查询</span>
				</div>
				<div class="mzfw-list">
					<span><img src="img/icon3.png" ></span>
					<span style="border:1px solid #68c6c6;">地名服务</span>
				</div>
			</div>
		</div>
		<div class="nav-bottom">
			<ul>
				<li><a href="mzgw.html">
				<span class="navbottom_icon01"></span>
				 <span>区划官网</span>
				</a></li>
				<li><a href="mzfw.html">
				 <span>区划服务</span>
				</a></li>
				<li><a href="jiucuo.html">
				<span></span>
				 <span>地名纠错</span>
				</a></li>
			</ul>
		</div>


  <!------------------------------------------------------>
	<script src="js/jquery-2.1.1.min.js"></script>
  <script>
		$(function(){
		
		var win=$(window); //得到窗口对象
		
		var sc=$(document);//得到document文档对象。
		
		win.scroll(function(){
		
		if(sc.scrollTop()>=780){
		
		nav.addClass("float-map-show");
		}else{
		nav.removeClass("float-map-show")
		}
		
		});
		});
		</script>
	<script src="assets/js/slider.js"></script> 
	<script type="text/javascript">
	(function() {
		Slider.init({
			target: $('.slider'),
			time: 4000
		});
	})();
</script>
<!----------选中---------->
<script>
	$(function(){
		$(".bj-table-two").each(function() {
				var i = $(this);
				var p = i.find("span");
				p.click(function() {
					if (!!$(this).hasClass("click")) {
						$(this).removeClass("click");
						//i.removeAttr("data-attrval");
					} else {
						$(this).addClass("click");
						//i.attr("data-attrval",$(this).attr("data-aid"))
					}
				})
			})
		
	
	})


</script>
<!--引用百度地图API-->
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=79ztjfis0XStrHNpEpezr2za3iQNbW9f"></script>
  <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(118.801294,32.054747),15);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
      };
      var labels = [
        {position:{lng:118.795653,lat:32.05591},content:"珠江路"}
      ];
      for(var index = 0; index < labels.length; index++){
        var opt = { position: new BMap.Point(labels[index].position.lng,labels[index].position.lat )};
        var label = new BMap.Label(labels[index].content,opt);
        map.addOverlay(label);
      };
      var plOpts = [
        {strokeColor:"#f00",strokeWeight:"6",strokeOpacity:"0.4"}
      ];
      var plPath = [
        [
          new BMap.Point(118.783292,32.056216),
          new BMap.Point(118.787604,32.056277),
          new BMap.Point(118.790623,32.056583),
          new BMap.Point(118.794,32.056093),
          new BMap.Point(118.795509,32.055787),
          new BMap.Point(118.796875,32.055787),
          new BMap.Point(118.798528,32.055665),
          new BMap.Point(118.79939,32.055359),
          new BMap.Point(118.800684,32.055114),
          new BMap.Point(118.802696,32.054686),
          new BMap.Point(118.803486,32.054135),
          new BMap.Point(118.80478,32.05389),
          new BMap.Point(118.806361,32.053706),
          new BMap.Point(118.808157,32.053033),
          new BMap.Point(118.810816,32.052482),
          new BMap.Point(118.811248,32.052176),
          new BMap.Point(118.811751,32.051992),
          new BMap.Point(118.811679,32.051809),
          new BMap.Point(118.811679,32.051809),
          new BMap.Point(118.811679,32.051809)
        ],
      ];
      for(var index = 0; index < plOpts.length; index++){
        var polyline = new BMap.Polyline(plPath[index],plOpts[index]);
        map.addOverlay(polyline);
      }
    }
    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:3});
      map.addControl(navControl);
    }
    var map;
      initMap();
  </script>
  <!------------------------------------------------------>
	<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="dist/swipeslider.min.js"></script>
	<script type="text/javascript">
		$(window).load(function() {
		      $('#full_feature').swipeslider();
		      $('#content_slider').swipeslider({
		        transitionDuration: 600,
		        autoPlayTimeout: 10000,
		        sliderHeight: '300px'
		      });
		      $('#responsiveness').swipeslider();
		      $('#customizability').swipeslider({
		        transitionDuration: 1500, 
		        autoPlayTimeout: 4000, 
		        timingFunction: 'cubic-bezier(0.38, 0.96, 0.7, 0.07)',
		        sliderHeight: '30%'});
		    });
	</script>
	</body>
</html>
